﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>地图周边</title>
    <script type="text/javascript" src="../../assets/js/common/iss_app_utility.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/iss_app_configure.js?time=20171213174312"></script>
    <!-- 地图 -->
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=GndkiDfUjGj8z5l6difgcZiK"></script>
    <!-- 地图 标记 -->
    <script type="text/javascript" src="../../assets/js/map/BDApi/MarkerTool_min.js?time=20171213174312"></script>
    <!-- 地图 距离 -->
    <script type="text/javascript" src="../../assets/js/map/BDApi/DistanceTool_min.js?time=20171213174312"></script>
    <!-- 地图 交通 -->
    <script type="text/javascript" src="../../assets/js/map/BDApi/TrafficControl_min.js?time=20171213174312"></script>
    <link href="../../assets/css/map/BDApi/TrafficControl_min.css" rel="stylesheet" type="text/css" />
   <!--<link rel="stylesheet" href="http://demos.framework7.cn/dist/css/framework7.material.min.css">-->
</head>
<body class="theme-white">
    <div class="statusbar-overlay">
    </div>
    <div class="panel-overlay">
    </div>
    <div class="views">
        <div class="view view-main">
            <!--旅游动态-->
            <div class="pages navbar-fixed">
                <div id="mapthree" data-page="mapthree" class="page navbar-fixed info-list">

                   <!-- <div class="navbar theme-white">
                        <div class="navbar-inner">
                            <div class="center">
                                <div id="buttons-tabs" class="buttons-tabs buttons-row">
                                    <a  class="button tab-link active tab-link-button" data-index="drive">开车</a>
                                    <a  class="button tab-link tab-link-button" data-index="walk">步行</a>
                                    <a  class="button tab-link tab-link-button" data-index="bus">公交</a>
                                </div>
                            </div>
                        </div>
                    </div>-->

                    <!--<a href="#"  class="floating-button color-pink" style="top:10%;height: 60px;width: 60px;font-size: 0.9em;color: white;">
                       开始导航
                    </a>-->



                    <!-- 查询框 -->
                    <form class="searchbar searchbar_D">
                    <div class="searchbar-input">
                        <div class="searchinput">
                            <input type="search" placeholder="搜索"></div>
                        <div class="searchimg" style="display:none">
                            <img src="../../assets/images/common/map/mic2x.png" /></div>
                    </div>
                    <a href="#" class="searchbar-cancel">取消</a>
                    </form>

                    <!-- 查询框结束 -->
                    <div class="page-content" style="padding-top: 0px;">
                        <div class="mapdiv" id="map-box">
                        </div>
                        <div id="returnbox" class="returnbox">
                            <a><i class="iconfont icon-jiantou-left" style="margin-left: 4px;"></i></a>
                        </div>
                        <div style=" background-color:#fff;">
                        <!-- 显示按钮 -->
                        <div id="constShow" class="constShow">
                            <span>出行必看</span>
                            <a class="down"><i class="iconfont icon-jiantou-down" style="margin-left: 8px;"></i></a>
                            <a class="up" style="display:none;"><i class="iconfont icon-jiantou-up" style="margin-left: 3px;"></i></a>
                        </div>
                        <!-- 显示按钮结束 -->
                        <!--自定义固定数据展示按钮 -->
                        <div class="constElementDivParent" id="constElementDivParent" style="display:none;">
                          <div class="constElementDiv" id="constElementDiv_RowOne" style="top: 75px;">
                            <div class="constElementBtn" id="constElementDiv_Toilet" data="Toilet">
                                公厕
                            </div>
                            <div class="constElementBtn" id="constElementDiv_Bike" data="Bike">
                                自行车
                            </div>
                            <div class="constElementBtn" id="constElementDiv_Park" data="Park">
                                停车场
                            </div>
                            <div class="constElementBtn" id="constElementDiv_Hospital" data="Hospital" data="Toilet" >
                                医院
                            </div>
                            <div class="constElementBtn" id="constElementDiv_PassengerStation" data="PassengerStation">
                                长途汽车站
                            </div>
                        </div>
                          <div class="constElementDiv" id="constElementDiv_RowTwo" style="top: 125px;">
                            <div class="constElementBtn" id="constElementDiv_Logistics" data="Logistics">
                                物流快递
                            </div>
                            <div class="constElementBtn" id="constElementDiv_AutoMobile" data="AutoMobile" >
                                汽修厂
                            </div>
                            <div class="constElementBtn" id="constElementDiv_Gymnasium" data="Gymnasium">
                                体育馆游乐园
                            </div>
                            <div class="constElementBtn" id="constElementDiv_Barbucue" data="Barbucue">
                                烧烤夜市
                            </div>
                            <div class="constElementBtn" id="constElementDiv_Market" data="Market">
                                商场
                            </div>
                        </div>
                        <div class="constElementDiv" id="constElementDiv_RowThree" style="top: 175px;">
                            <div class="constElementBtn" id="constElementDiv_Attrac" data="Attrac">
                                景点
                            </div>
                        </div>
                        </div>
                        </div>
                        <!-- 隐藏按钮结束 -->
                        <!--自定义固定数据展示按钮结束 -->
                        <!-- 自定义定位图标 -->
                        <div id="locbox" class="locbox" style="display: none;">
                            <img src="../../assets/images/common/map/locbox/loc_fail.png" class="locfail" style="display: block;">
                            <img src="../../assets/images/common/map/locbox/loc_ing.png" class="locating" style="display: none;">
                            <img src="../../assets/images/common/map/locbox/loc_ok.png" class="locok" style="display: none;">
                        </div>
                        <!-- 自定义定位图标结束 -->
                    </div>
                    <!-- Pick Modal -->
                    <div id="pickbar" class="picker-modal picker-1">
                        <div id="dragbar" class="toolbar toolbar-D">
                            <div class="toolbar-inner toolbar-inner-D">
                                <p class="p1">
                                    —</p>
                                <p class="p2">
                                    —</p>
                                <p class="p3">
                                    —</p>
                            </div>
                        </div>
                        <div class="middle picker-modal-inner picker-modal-inner-D">
                            <div class="content-block">
                                <!-- tabs控制面板 -->
                                <div id="buttons-tabs" class="buttons-tabs buttons-row buttons-tabs-D">
                                    <a href="#tab_Ticket" class="tab-link active button">景区</a> 
                                    <a href="#tab_Hotel" class="tab-link button">酒店</a> 
                                    <a href="#tab_Rest" class="tab-link button">餐厅</a>
                                </div>
                            </div>
                            <div class="tabs infinite-scroll" data-distance="10">
                                <div id="tab_Ticket" class="tab active">
                                    <div class="content-block" style="overflow: auto;">
                                    </div>
                                    <div class="infinite-scroll-preloaderTicket t-c">
                                        <div class="preloader">
                                        </div>
                                    </div>
                                    <script id="template_Ticket" type="text/template7">
                                        {{#each results}}
                                            <div class="mapcontent" indexT="{{Index}}" longitude="{{longitude}}" latitude="{{latitude}}">
                                                <!-- 第一行 名称 距离 -->
                                                <div class="rowone">
                                                    <div class="cnName">
                                                       {{Index}}.{{cnName}}
                                                    </div>
                                                    <div class="distance">
                                                     {{distance}}公里
                                                    </div>
                                                    <div class="myclear">
                                                    </div>
                                                </div>
                                                <!-- 第二行 星级 -->
                                                <div class="rowtwo">
                                                    <div class="starlevel">
                                                        {{#each starPic}}
                                                           <img src="../../assets/images/common/map/Base/star-on-big.png" />
                                                        {{/each}}
                                                    </div>
                                                    <div class="starWord">
                                                        {{starB}}
                                                    </div>
                                                    <div class="salePrice">
                                                        {{minSalePrice}}
                                                    </div>
                                                    <div class="startNav">
                                                        <a href="#" class="floating-button color-pink floating-button1">
                                                            线路导航
                                                        </a>
                                                    </div>
                                                    <div class="myclear">
                                                    </div>
                                                </div>
                                                <!-- 第三行 地址 -->
                                                <div class="rowthree">
                                                    <div class="attrAddress f-l">
                                                        地址：{{address}}
                                                    </div>
                                                    <div class="f-r">
                                                        <a href="#" data-href="../booking/ticketDetail.html?ticketdetail_guid={{code}}" data-action="fw7" class="item-link item-content" style='color:#0080FF;float:right;'>详情
                                                        </a>
                                                    </div>
                                                </div>
                                             </div>
                                        {{/each}}
                                    </script>
                                </div>
                                <div id="tab_Hotel" class="tab">
                                    <div class="content-block">
                                    </div>
                                    <div class="infinite-scroll-preloaderHotel t-c">
                                        <div class="preloader">
                                        </div>
                                    </div>
                                    <script id="template_Hotel" type="text/template7">
                                        {{#each results}}
                                            <div class="mapcontent" indexT="{{Index}}" longitude="{{longitude}}" latitude="{{latitude}}">
                                                <!-- 第一行 名称 距离 -->
                                                <div class="rowone">
                                                    <div class="cnName">
                                                       {{Index}}.{{cnName}}
                                                    </div>
                                                    <div class="distance">
                                                     {{distance}}公里
                                                    </div>
                                                    <div class="myclear">
                                                    </div>
                                                </div>
                                                <!-- 第二行 星级 -->
                                                <div class="rowtwo">
                                                    <div class="starlevel">
                                                        {{#each starPic}}
                                                           <img src="../../assets/images/common/map/Base/star-on-big.png" />
                                                        {{/each}}
                                                    </div>
                                                    <div class="starWord">
                                                        {{starB}}
                                                    </div>
                                                    <div class="salePrice">
                                                        {{minSalePrice}}
                                                    </div>
                                                    <div class="startNav">
                                                        <a href="#" class="floating-button color-pink floating-button2">
                                                            线路导航
                                                        </a>
                                                    </div>
                                                    <div class="myclear">
                                                    </div>
                                                </div>
                                                <!-- 第三行 地址 -->
                                                <div class="rowthree">
                                                    <div class="attrAddress f-l">
                                                        地址：{{address}}
                                                    </div>
                                                    <div class="f-r">
                                                        <a href="#" data-href="../booking/hotelDetail.html?code={{code}}" data-action="fw7" class="item-link item-content" style='color:#0080FF;float:right;'>详情
                                                        </a>
                                                    </div>
                                                </div>
                                             </div>
                                        {{/each}}
                                    </script>
                                </div>
                                <div id="tab_Rest" class="tab">
                                    <div class="content-block">
                                    </div>
                                    <div class="infinite-scroll-preloaderRest t-c">
                                        <div class="preloader">
                                        </div>
                                    </div>
                                    <script id="template_Rest" type="text/template7">
                                         {{#each results}}
                                            <div class="mapcontent" indexT="{{Index}}" longitude="{{longitude}}" latitude="{{latitude}}">
                                                <!-- 第一行 名称 距离 -->
                                                <div class="rowone">
                                                    <div class="cnName">
                                                       {{Index}}.{{cnName}}
                                                    </div>
                                                    <div class="distance">
                                                     {{distance}}公里
                                                    </div>
                                                    <div class="myclear">
                                                    </div>
                                                </div>
                                                <!-- 第二行 星级 -->
                                                <div class="rowtwo">
                                                    <div class="salePrice">
                                                        {{expense}}
                                                    </div>
                                                    <div class="startNav">
                                                        <a href="#" class="floating-button color-pink floating-button3">
                                                            线路导航
                                                        </a>
                                                    </div>
                                                    <div class="myclear">
                                                    </div>
                                                </div>
                                                <!-- 第三行 地址 -->
                                                <div class="rowthree">
                                                    <div class="attrAddress f-l">
                                                        地址：{{address}}
                                                    </div>
                                                    <div class="f-r">
                                                        <a href="#" data-href="../elements/restaurantDetail.html?scode={{code}}" data-action="fw7" class="item-link item-content" style='color:#0080FF;float:right;'>详情
                                                        </a>
                                                    </div>
                                                </div>
                                             </div>
                                        {{/each}} 
                                    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Pick Modal结束 -->
                </div>
                <!-- end page-content -->
                <!-- 语音输入 -->
                <div class="popup popup-about" style="background: transparent; opacity: 0.8;">
                    <div style="background: #393939; width: 50%; height: 30%; margin-left: 25%; margin-top: 50%;">
                        <img src="../../assets/images/common/map/mic4x.png" style="width: 60%; height: 60%;
                            margin-left: 20%; padding-top: 10%;" />
                        <div class="close-popup" style="width: 60%; margin-left: 20%; margin-top: 5%; text-align: center;
                            height: 25%; color: white;">
                            关闭</div>
                    </div>
                </div>
                <!-- 语音输入结束 -->
            </div>
            <!-- end page -->
        </div>
        <!-- end pages -->
    </div>
    <!-- end pages-->
    <!-- 外部链接 -->
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <!-- Framework7 Library JS-->
    <script type="text/javascript" src="../../assets/js/base/framework7.min.js?time=20171213174312"></script>
    <!-- Api -->
    <script type="text/javascript" src="../../assets/js/base/iss_api_base64.js?time=20171213174312"></script>
    <!-- App js-->
    <script type="text/javascript" src="../../assets/js/common/iss_app.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_common_user.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_convertor.js?time=20171213174312"></script>
    <!-- Map -->
    <script type="text/javascript" src="../../assets/js/map/Base/jquery-1.10.1.min.js?time=20171213174312"></script>
    <link rel="Stylesheet" href="../../assets/css/map/Base/mapbase.css" />
    <!-- 6要素 -->
    <script type="text/javascript" src="../../assets/js/common/iss_view_booking_ticket.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_booking_hotel.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_elements_food.js?time=20171213174312"></script>
    <!-- 6要素结束 -->
    <!-- 地图Iframe -->
    <script type="text/javascript" src="../../assets/js/map/MapIframe/IframeForGoto.js?time=20171213174312"></script>
    <!-- 地图Iframe结束 -->
    <script type="text/javascript" src="../../assets/js/map/NearBy/Map_Const.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/map/NearBy/Map_Utility.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/map/NearBy/Map_Bussiness.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/map/NearBy/Map_Acgis.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/map/NearBy/Map_Tour.js?time=20171213174312"></script>
</body>
</html>
